<template>
  <u-button
    @click="clickFun"
    v-bind="$attrs"
    class="custom-style-nmr"
    :customStyle="custyle"
    shape="circle"
    :hair-line="false"
    ripple
  >
    <slot></slot>
  </u-button>
</template>

<script>
export default {
  props: {
    // 自定义样式
    custyle: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  data() {
    return {};
  },
  methods: {
    clickFun() {
      this.$emit("click");
    },
  },
};
</script>

<style lang="scss">
$nmr-btn-color: #2a5082; //字体颜色
.custom-style-nmr {
  background: linear-gradient(360deg, #64bde7 0%, #a7d9f3 100%);
  border-radius: 40rpx;
  border-width: 0 !important;
  color: $nmr-btn-color !important;
  font-weight: 500;
  button {
    background: linear-gradient(360deg, #64bde7 0%, #a7d9f3 100%) !important;
    border-width: 0 !important;
    color: $nmr-btn-color !important;
    font-weight: 500;
  }
}
</style>
